<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<link rel="stylesheet" type="text/css" href="styles/reset.css" />
	<link rel="stylesheet" type="text/css" href="styles/form.css" />
	<link rel="stylesheet" type="text/css" href="styles/toolbar.css" />
	<link rel="stylesheet" type="text/css" href="styles/general.css" />
	<link rel="stylesheet" type="text/css" href="styles/widget-box.css" />	
	<link rel="stylesheet" type="text/css" href="styles/widget-reference.css" />	
	<script type="text/javascript" src="scripts/jquery.min-1.5.1.js"></script>	
	<script type="text/javascript" src="scripts/s_code.js"></script>
	<script type="text/javascript" src="scripts/jquery.url.js"></script>
	<script type="text/javascript" src="scripts/jquery.site-builder.toolbar.js"></script>
	<script type="text/javascript" src="scripts/jquery.site-builder.js"></script>
	<script type="text/javascript" src="scripts/jquery.cookie.js"></script>
	<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
	<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<body class="popup">
	<div class="ContentContainer">
	<div class="BodyContainer">
		<h1>Widget Reference</h1>
		<div id="box-wrapper">	
			<div class="inner">
				<div id="box-content">					
					<div class="sidebar">
						<div class="widget">
							<div class="widget-inner">
								<img class="icon" src="images/wizard.png" class="widget-icon" />
								<div class="widget-content">
									<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec volutpat a</p>
								</div>
							</div>
							<a class="ribbon-link" href="#">								
								<span>Dolor sit amet, consectetur</span>
							</a>
						</div>						
						<div class="section">
							<h2>Help for focuses input setting</h2>
							<p class="description">Praesent sed justo odio, quis molestie orci. Suspendisse potenti. Phasellus at elementum lacus. In hac habitasse platea dictumst. Sed sit amet odio erat, sit amet iaculis quam. Praesent sagittis, arcu sit amet lacinia imperdiet, eros purus cursus mi, nec convallis est metus sit amet risus. Phasellus fermentum varius sollicitudin</p>
							<p class="description">Praesent sed justo odi platea dictumst. Sed sit amet odio erat, sit amet iaculis quam. Praesent sagittis, arcu sit amet lacinia imperdiet, eros purus cursus mi, nec convallis est metus sit amet risus. Phasellus fermentum varius sollicitudin</p>
							<p class="description">Praesent sagittis, arcu sit amet lacinia imperdiet, eros purus cursus. Phasellus fermentum varius sollicitudin</p>
						</div>
					</div>
					<div class="main-content">
						<div class="section">
							<h2 class="setting-title">
							General Settings
						</h2>				
						<div class="form wide">
							<div class="row">
								<label>Field name 1:</label>
								<select>
										<option>Praesent eros diam</option>
										<option>Mattis vitae molestie</option>
										<option>Vivamus sed blandit turpis</option>
										<option>Praesent eros diam</option>
										<option>Mattis vitae molestie</option>
										<option>Vivamus sed blandit turpis</option>
								</select>
								<div class="hint">
									How to content is formated
								</div>
							</div>
							<div class="row">
								<label>Url Format:</label>
								<div class="textbox">
									<span>
										<input type="text" value="">
									</span>
								</div>
								<div class="hint">
									eros. Donec nibh tellus, sollicitudin et blandit sit amet, porta non orc
								</div>
							</div>		
							<div class="row buttons">
									<div class="submit-button">
										<span>
											<input type="submit" value="Save">
										</span>
									</div>
							</div>
						</div>						
						</div>
						<div class="section">
							<h2 class="setting-title">
							General Settings
						</h2>				
						<div class="form wide">
							<div class="row">
								<label>Field name 1:</label>
								<select>
										<option>Praesent eros diam</option>
										<option>Mattis vitae molestie</option>
										<option>Vivamus sed blandit turpis</option>
										<option>Praesent eros diam</option>
										<option>Mattis vitae molestie</option>
										<option>Vivamus sed blandit turpis</option>
								</select>
								<div class="description">
									How to content is formated
								</div>
							</div>
							<div class="row">
								<label>Url Format:</label>
								<div class="textbox">
									<span>
										<input type="text" value="">
									</span>
								</div>
								<div class="hint">
									eros. Donec nibh tellus, sollicitudin et blandit sit amet, porta non orc
								</div>
							</div>		
							<div class="row buttons">
									<div class="submit-button">
										<span>
											<input type="submit" value="Save">
										</span>
									</div>
							</div>
						</div>
						
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>				
</body>
</html>